﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1" />
    <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
    <![endif]-->
    <title>在线教师信息</title>
    <script src="http://apps.bdimg.com/libs/jquery/1.11.3/jquery.min.js"></script>
    <link href="css/pages.css" rel="stylesheet" />
    <link href="css/MyMessage.css" rel="stylesheet" />
    <script src="Scripts/wechatsdk/zepto.min.js"></script>
    <script>
		
    $(function(){
    	$.ajax({
    		  async: false,
  		cache:false,
  		type: 'POST',
  		url: "PeopleAction_nowin.action",
  		dataType:"json",
  		success: function (data) {
  		if(data!=null){
  			$.each(data, function (index, item) {  
   	           //循环获取数据    
     	         var name = data[index].name;
     	         var phone = data[index].phone;
      	        var addr = data[index].addr;
      	        var id = data[index].numb;
      	        $(function(){
     	          	$("#member_row").append("<li class='member_name' id='"+id+"'>"+"<input value='"+name+"' style='width:20%' readonly /><input value='"+phone+"' style='width:40%' readonly /><input value='"+addr+"' style='width:40%' readonly /></li>");
      	        	//$("#member_row").append("<li class='member_name' id='"+id+"'>"+"<input value='"+name+"' readonly /><span class='icon_del'>-</span></li>");
      	        });
     	     }); 
  		}
  		
  	  },
  	   error: function () {
  	      alert("出现异常！！");
  		 }
  });
    })
    
    
</script>
</head>
<body>
    

    <span class="member">在线教师</span>
    <div class="group">
        <div class="group_member">
            <ul class="member_row" id="member_row">
                <!-- <li class="member_name"><input value="张飞" readonly /><span class="icon_del">-</span></li> -->
                <li class="member_name"><input value="姓名" style='width:20%' readonly /><input value="电话" style='width:40%' readonly /><input value="部门" style='width:40%' readonly /></li>
<!--                 <li class="member_name"><input value="张三" style='width:20%' readonly /><input value="13514221122" style='width:40%' readonly /><input value="数学" style='width:40%' readonly /></li>
                <li class="member_name"><input value="李四" style='width:20%' readonly /><input value="13852587412" style='width:40%' readonly /><input value="数学" style='width:40%' readonly /></li> -->
            </ul>
        </div>
    </div>




</body>
</html>



